<template>
    
    <!-- <div class="weui-cells__title">当前位置：</div> -->
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__hd"></div>
            <div class="weui-cell__bd">
                <p>位置：{{getLoc}}</p>
            </div>
            <div class="weui-cell__ft">
                <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" v-on:click="reLocate">重新定位</a>
            </div>
        </div>
    </div>

</template>

<script>
    /**
     *  引入工具类库 或 Navtive API
     *  example : import widget from 'gapi/widget'
     */

    /**
     *  引入Action
     *  example : import { someFunction } from './SomeAction'
     */
    import { setLoc } from './LocationAction'
    /**
     *  引入Getter
     *  example : import { someFunction } from './SomeGetters'
     */
    import { getLoc } from './LocationGetters'

    export default {
        vuex: {
            getters: {
                getLoc
            },
            actions: {
                setLoc
            }
        },
        methods: {
            reLocate (){
                this.setLoc('孵蛋大学')
            }
        },
        created (){
            
        }
    }

    
</script>

<!-- CSS 样式 -->
<style>
    .weui-cell__ft{
        height: 29px;
    }
</style>


